
.fr{
  display: flex;
  flex-direction: row;
}
.fd{
  display: flex;
  flex-direction: column;
}
.f1{
  flex :1
}
.between{
  justify-content: space-between;
}
.outview{

  height: 550px;
  width:90%;
border: #5e5e5e solid 1px;
}

.center{
  justify-content: center;
}
.sa{
  justify-content: space-around;
}
.itemcenter{
  align-items: center;
}
.acsa{
  justify-content:space-around
}
.bor{

}
.botton{
 margin-bottom: 0px;
}
.ml50{
  margin-left: 50px;
}
ml10{
  margin-left: 10%;
}
.m-b30{
  margin-bottom: 30px;
}
.fw{
  flex-wrap :wrap;
}
.fs25{
  font-size: 25px;
  font-family:"微软雅黑"
}
.fs35{
  font-size: 1.5rem;
  font-family:"微软雅黑"
}
.fs15{
  font-size: 0.6rem;
  font-family:"微软雅黑"
}
.fs18{
  font-size: 0.8rem;
  font-family:"微软雅黑"
}
.fs20{
  font-size: 1.2rem;
  font-family:"微软雅黑"
}
.fw{
  font-weight:bold;
}
.auto{
  margin: auto;
}
.bc-d{
  background-color:#00CD00;
}
.color-w{
  color: white;
}
.bg-w{
  background-color: white;
}
.color-bl{
  background-color: 	#F5F5F5;
}
.bc-w{
  background-color: white;
}
.br{
  border-radius: 25px;
}
.c-dimgrey{
  color: 	#696969;
}
.c-g{
  color: green;
}
.c-o{
  color: orange;
}
.c-r{
  color: red;
}
.bc-grey{
  background-color:#5e5e5e;
}
.bg-dimgrey{
  background-color: #696969;
}
.m-top30{
  margin-top: 30px;
}
.m10{
  margin: 10px 10px 10px 10px;
}
.m20{
  margin: 20px 20px 20px 20px;
}
.f-l{
  font-family: "微软雅黑";
  line-height: 1.7;
}
.bs{
  box-shadow: 0 4px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)
}
.m-l30{
  margin-left: 30px;
}
.m-t10{
  margin-top: 3px;
}
.actionhover:active{
  background-color:#90EE90	;
}
.succ{
  color: #67C23A;
}
.war{
 color: #E6A23C;
}
.dan{
  color: #F56C6C;
}
.bc-info{
  background-color: #909399;
}
.action {
  height: 30%;
  width: 25%;

}
.actiondiv{
  width: 90%;
  height: 100%;
}
.yellow{
  color: #f39800;
}
